<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
          
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <ui:composition template="/template.xhtml">
        <ui:define name="title">
            <h:outputText value="#{permisoLabels.TituloDetalles}"></h:outputText>
        </ui:define>
        
        <ui:define name="body">
            <h:form>
                <p:panel header="Detalles del permiso y roles asignados" style="font-size: small">
                    <h:inputHidden value="#{permisoController.selected.id}"/>
                    <p:accordionPanel>
                        <p:tab title="Detalle del permiso">
                            <table border="1" class="detalle">
                                <tr>
                                    <th align="right" scope="row">
                                        <p:outputLabel value="#{permisoLabels.Nombre}:"/>
                                    </th>
                                    <td align="left">
                                        <p:outputLabel id="txtNombrePermiso" value="#{permisoController.selected.nombre}"
                                                     style="width: 200px"/>
                                    </td>
                                </tr>
                                <tr>
                                    <th align="right" scope="row">
                                        <p:outputLabel for="lblComandoPermiso" value="#{permisoLabels.RutaAcceso}:"/>
                                    </th>
                                    <td align="left">
                                        <p:outputLabel id="lblComandoPermiso" value="#{permisoController.selected.comando}"
                                                       title="#{permisoLabels.RutaAcceso}"
                                                       style="width: 200px"/>
                                        <p:tooltip for="lblComandoPermiso" value="#{permisoLabels.AyudaInformacionAcceso}"
                                                   showEffect="fade" hideEffect="fade"
                                                   style="font-size: x-small"/>
                                    </td>
                                </tr>
                                <tr>
                                    <th align="right" scope="row">
                                        <p:outputLabel value="#{permisoLabels.AccesoPadre}:"/>
                                    </th>
                                    <td align="left">
                                        <p:outputLabel value="#{permisoController.getNombrePermisoPadre(permisoController.selected.id)}"/> 
                                    </td>
                                </tr>
                                <tr>
                                    <th align="right" scope="row">
                                        <p:outputLabel value="#{permisoLabels.Visible}:"/>
                                    </th>
                                    <td>
                                        <p:selectBooleanCheckbox value="#{permisoController.selected.visible}" disabled="true"/>
                                    </td>
                                </tr>
                                
                                <tr>
                                    <th align="right" scope="row">
                                        <p:outputLabel value="#{permisoLabels.Estado}:"/>
                                    </th>
                                    <td>
                                        <p:selectBooleanCheckbox value="#{permisoController.selected.estado}" disabled="true"/>
                                    </td>
                                </tr>
                            </table>
                        </p:tab>
                        <p:tab title="Roles asignados">
                            <p:selectManyCheckbox value="#{permisoController.id_roles}" disabled="true" 
                                                  columns="3" layout="grid">
                                <f:selectItems value="#{rolController.rolesDisponibles}" var="rolUser" 
                                               itemLabel="#{rolUser.nombre}" itemValue="#{rolUser.id}" />
                              
                            </p:selectManyCheckbox>
                        </p:tab>
                    </p:accordionPanel>
                    <br />
                    <p:commandLink  style="font-size: x-small" action="#{permisoController.cargarEditarDetallePermiso(permisoController.selected.id)}" 
                                    value="#{permisoLabels.Editar}" ajax="false"
                                    rendered="#{accionController.getAccionByVista('Permiso', 'Editar')}"/>
                    <br />
                    <h:link style="font-size: x-small" outcome="Index" value="#{permisoLabels.RegresarIndex}"/>
                    <br />
                </p:panel>
            </h:form>
        </ui:define>
    </ui:composition>
</html>

